0
1
00:00:00,420 --> 00:00:01,080
Goed ouens.
1

2
00:00:01,110 --> 00:00:05,940
So ons het nou al 'n rukkie gekuier, maar laat ek myself formeel voorstel.
2

3
00:00:05,940 --> 00:00:09,260
My naam is Angela en ek woon in Londen.
3

4
00:00:09,270 --> 00:00:13,680
My grootste ambisie in die lewe is om my eie liggaamsgewig in soesji te eet.
4

5
00:00:13,710 --> 00:00:16,310
Nou wil ek hê jy moet dit in jou geheue opdra.
5

6
00:00:16,320 --> 00:00:22,380
Dit is werklik die eerste stap na ons wonderlike bloeiende vriendskap, want in plaas van beleefd
6

7
00:00:22,380 --> 00:00:26,600
vra jou 'Ken jy nog iemand met die naam Angela wat in Londen woon?',
7

8
00:00:26,700 --> 00:00:32,050
Ek kan nou vir jou vra ‘Ken jy nog iemand met my naam wat in my stad woon?’,
8

9
00:00:32,200 --> 00:00:35,400
of ‘Ken jy nog iemand wat dieselfde ambisies as ek het?’.
9

10
00:00:35,400 --> 00:00:40,590
Dit beteken dat wanneer ek ook al met jou wil praat oor my naam, ligging of ambisies, ek nie hoef te herhaal nie
10

11
00:00:40,590 --> 00:00:44,510
myself en vertel jou die inligting wat jy reeds aan die geheue verbind het.
11

12
00:00:44,580 --> 00:00:50,610
Dit is dus dieselfde rede waarom ons iets het wat veranderlikes in programmering genoem word. Op dieselfde manier as wat
12

13
00:00:50,610 --> 00:00:52,840
jy het my naam aan jou nagedagtenis opgedra,
13

14
00:00:52,860 --> 00:00:59,430
ons kan stukke data aan die geheue van die rekenaar oordra, maar eers moet ons die gebruiker in staat stel om in te voer
14

15
00:00:59,430 --> 00:01:00,650
'n stukkie inligting.
15

16
00:01:00,690 --> 00:01:03,060
Kom ons leer dus oor die vinnige sleutelwoord.
16

17
00:01:03,060 --> 00:01:10,230
As jy nou Chrome oopmaak en na ons Ontwikkelaarsnutsgoed gaan, gaan ons na ons Bronne gaan om te werk
17

18
00:01:10,290 --> 00:01:11,970
binne Chrome Brokkies.
18

19
00:01:11,970 --> 00:01:17,820
Nou binne dieselfde index.js, dit is net 'n leë lêer op die oomblik, en ek wil hê jy moet 'n skryf
19

20
00:01:17,820 --> 00:01:23,150
prompt wat die gebruiker vra 'Wat is jou naam?'.
20

21
00:01:23,280 --> 00:01:30,390
En as ek nou op bevel enter of beheer enter op Windows druk, of eenvoudig net hier klik, dan sal dit loop
21

22
00:01:30,390 --> 00:01:33,250
my kode en dit sal vir my 'n prompt wys.
22

23
00:01:33,300 --> 00:01:37,340
Nou is 'n prompt amper identies aan 'n waarskuwing of 'n pop-up,
23

24
00:01:37,470 --> 00:01:43,820
maar in hierdie geval laat dit die gebruiker eintlik toe om iets in te voer, naamlik 'n stuk teks.
24

25
00:01:43,980 --> 00:01:47,930
So ek gaan dit vertel dat my naam Angela is.
25

26
00:01:47,970 --> 00:01:50,780
Wat het dan met daardie stukkie data geword?
26

27
00:01:50,790 --> 00:01:52,700
Hoe kan ek dit terugkry?
27

28
00:01:52,710 --> 00:01:54,330
Wat presies het net gebeur?
28

29
00:01:54,510 --> 00:01:55,890
Wel, niks.
29

30
00:01:55,890 --> 00:01:57,840
Dit is nie verbind tot geheue nie,
30

31
00:01:57,840 --> 00:02:03,030
so daardie stukkie inligting is net daar buite in die lug en dit is verlore.
31

32
00:02:03,120 --> 00:02:05,740
So hoe kan ons dit onthou?
32

33
00:02:05,910 --> 00:02:08,920
Wel, ons kan iets gebruik wat 'n veranderlike genoem word.
33

34
00:02:08,940 --> 00:02:12,650
So byvoorbeeld kan ek iets soos var skryf
34

35
00:02:12,900 --> 00:02:16,080
myNaam is gelyk aan die string
35

36
00:02:16,140 --> 00:02:17,590
dit is 'Angela'.
36

37
00:02:17,700 --> 00:02:27,490
So nou as ek hardloop en ek gaan in die konsole in en tik myName en druk enter, dan sal dit dit weet
37

38
00:02:27,490 --> 00:02:29,610
myNaam is gelyk aan die string
38

39
00:02:29,650 --> 00:02:34,870
'Angela', want ek het hierdie stukkie data in 'n veranderlike gestoor.
39

40
00:02:34,870 --> 00:02:38,450
Kom ons kyk nou na veranderlikes in meer detail.
40

41
00:02:38,710 --> 00:02:40,880
Dit is hoe die sintaksis lyk.
41

42
00:02:40,930 --> 00:02:49,040
Die eerste woord var is 'n sleutelwoord, en net soos waarskuwing 'n sleutelwoord is of prompt 'n sleutelwoord is,
42

43
00:02:49,060 --> 00:02:55,690
Dit vertel ons dat ons 'n nuwe veranderlike skep, 'n nuwe datahouer skep, en daardie houer het
43

44
00:02:55,690 --> 00:02:59,100
die naam van wat dit ook al is wat ons dit hier gee.
44

45
00:02:59,380 --> 00:03:07,030
In hierdie geval het ons dit myNaam genoem. En dan stel ons daardie veranderlike om gelyk te wees aan die waarde wat die
45

46
00:03:07,030 --> 00:03:08,490
snaar 'Angela'.
46

47
00:03:08,500 --> 00:03:15,630
Nou elke keer as ons na myNaam verwys, weet die rekenaar dat ons van die string ‘Angela’ praat.
47

48
00:03:15,700 --> 00:03:20,630
So kom ons dissekteer die sintaksis 'n bietjie meer en kyk wat agter die skerms gebeur.
48

49
00:03:20,680 --> 00:03:26,380
So wanneer die rekenaar die sleutelwoord var teëkom, weet dit in wese dat dit 'n moet bou
49

50
00:03:26,380 --> 00:03:31,340
nuwe houer of 'n nuwe boks, en hierdie boks kry 'n naam,
50

51
00:03:31,480 --> 00:03:36,730
wat dit ook al is wat ons na die woord var sit, en in hierdie geval noem ons dit myNaam.
51

52
00:03:37,000 --> 00:03:43,600
Nou na die gelykheidsteken is wat ons binne-in die boks gaan plaas en in hierdie geval is dit die tou
52

53
00:03:43,930 --> 00:03:45,230
dit is 'Angela'.
53

54
00:03:45,310 --> 00:03:46,530
En nou kom ons by die einde.
54

55
00:03:46,540 --> 00:03:47,910
Daar is 'n semikolon.
55

56
00:03:47,950 --> 00:03:53,140
Ons het ons reël kode voltooi en daardie boks het 'n deksel op.
56

57
00:03:53,140 --> 00:04:00,280
Nou is die spesiale kenmerk van 'n var, en hoekom dit 'n var genoem word, omdat dit vir die woord veranderlike staan.
57

58
00:04:00,280 --> 00:04:04,500
Dit beteken dus dat u die data wat u daarin hou, kan verander.
58

59
00:04:04,750 --> 00:04:11,290
So, in die volgende geval, as ek besluit dat ek nie regtig van my naam hou nie, en ek wil dit verander, dan
59

60
00:04:11,290 --> 00:04:14,560
Ek kan by daardie selfde houer tik deur sy naam te skryf,
60

61
00:04:14,590 --> 00:04:21,370
in hierdie geval myNaam, en ek kan dit gelyk stel aan 'n nuwe waarde. En wat dit beteken is dat die rekenaar sal
61

62
00:04:21,370 --> 00:04:24,930
vind die blokkie wat die naam van myNaam het.
62

63
00:04:25,020 --> 00:04:32,080
Dit sal die inhoud wat tans vervat is uithaal en dit uitvee, en dan sal dit 'n nuwe toewys
63

64
00:04:32,080 --> 00:04:36,190
waarde afhangende van wat ek aan die regterkant van die gelyke teken geskryf het.
64

65
00:04:36,340 --> 00:04:41,020
En met daardie reël kode het ek gewissel wat in my boks vervat is.
65

66
00:04:41,020 --> 00:04:45,550
Let daarop dat ek in hierdie geval nie die sleutelwoord var weer hoef te herhaal nie.
66

67
00:04:45,670 --> 00:04:52,900
Die woord var word slegs gebruik wanneer jy 'n nuwe boks bou om jou data te bevat of wanneer jy bou
67

68
00:04:52,960 --> 00:04:53,980
'n nuwe veranderlike.
68

69
00:04:54,160 --> 00:04:59,890
Wanneer jy besluit om die veranderlike te gebruik of wanneer jy besluit om die veranderlike te verander hoef jy nie te gebruik nie
69

70
00:04:59,890 --> 00:05:01,280
daardie sleutelwoord var meer.
70

71
00:05:01,300 --> 00:05:05,770
Dit hoef net een keer in die leeftyd van jou veranderlikes te gebeur.
71

72
00:05:05,770 --> 00:05:11,860
Nou weet ons dat ons hierdie stukkie data gestoor het in die veranderlike wat myName genoem word. As 'n uitdaging,
72

73
00:05:11,890 --> 00:05:20,320
Ek wil hê jy moet 'n waarskuwing skep wat die inhoud van hierdie veranderlike wys, maar jy mag nie tik nie
73

74
00:05:20,380 --> 00:05:21,370
enige stringe.
74

75
00:05:21,490 --> 00:05:23,800
Onderbreek die video en kyk of jy dit kan uitvind.
75

76
00:05:26,440 --> 00:05:26,760
Goed.
76

77
00:05:26,770 --> 00:05:28,200
Dit behoort dus nie te moeilik te wees nie.
77

78
00:05:28,210 --> 00:05:30,470
Ons weet reeds hoe om waarskuwings te skryf.
78

79
00:05:30,550 --> 00:05:32,760
Ons skryf net die waarskuwing sleutelwoord,
79

80
00:05:32,800 --> 00:05:38,950
ons maak 'n paar hakies oop, en binne-in plaas ons wat dit ook al is wat ons wil vertoon binne die
80

81
00:05:38,950 --> 00:05:39,720
waarskuwing.
81

82
00:05:39,910 --> 00:05:45,540
En in hierdie geval wil ons die data wys wat in die veranderlike myName vervat is.
82

83
00:05:45,640 --> 00:05:50,880
So al wat ons hoef te doen is om te verwys na die naam wat ons daardie veranderlike gegee het,
83

84
00:05:51,010 --> 00:05:58,060
in hierdie geval is dit my Naam, en ons kan nou hardloop. En jy kan sien dat 'Angela' gedruk word, want dit is
84

85
00:05:58,060 --> 00:06:02,740
die waarde wat in hierdie veranderlike of binne hierdie blokkie vervat is.
85

86
00:06:02,950 --> 00:06:07,810
Dit is dus soos om na 'n rak te gaan waar jy baie stoorbokse het en die boks wat
86

87
00:06:07,810 --> 00:06:12,420
gemerk myNaam om te ontdek wat binne vervat is, wat die string is
87

88
00:06:12,520 --> 00:06:18,760
‘Angela’. Nou, op dieselfde manier, kan ons die inligting wat die gebruiker invoer op ons webwerf stoor.
88

89
00:06:18,760 --> 00:06:26,760
So, byvoorbeeld, weet ons dat myNaam gelyk is aan 'Angela'. Maar wat as ons 'n boodskap gebruik het om die gebruiker te vra
89

90
00:06:27,160 --> 00:06:29,180
‘Wat is jou naam?’.
90

91
00:06:29,240 --> 00:06:35,470
Nou, anders as die vorige keer, gaan ons nie hierdie stukkie inligting verloor nie. Ons gaan dit binne hou
91

92
00:06:35,470 --> 00:06:40,530
'n veranderlike. En daardie veranderlike, ons gaan dit 'n naam gee, en ons kan dit enigiets noem wat ons wil.
92

93
00:06:40,690 --> 00:06:42,480
Maar kom ons dink aan iets wat sin maak.
93

94
00:06:42,550 --> 00:06:44,320
Wat van jou Naam?
94

95
00:06:44,320 --> 00:06:51,430
En so nou skep jy 'n nuwe veranderlike wat jouNaam genoem word, en die waarde van hierdie veranderlike is
95

96
00:06:51,460 --> 00:06:55,340
gelyk aan wat ook al die gebruiker in die prompt tik.
96

97
00:06:55,340 --> 00:07:00,040
So laat ons nou hardloop en hier is my opdrag: ‘Wat is jou naam?’.
97

98
00:07:00,190 --> 00:07:04,420
So kom ons sê my naam is nou Jack Bauer,
98

99
00:07:04,420 --> 00:07:06,190
my gunsteling persoon in die wêreld.
99

100
00:07:06,660 --> 00:07:07,320
En slaan
100

101
00:07:07,360 --> 00:07:08,060
OK.
101

102
00:07:08,290 --> 00:07:15,130
Nou, as ek in die konsole ingaan en ek tik jou Naam, en druk enter, weet die rekenaar die waarde wat
102

103
00:07:15,130 --> 00:07:16,890
geassosieer met daardie veranderlike
103

104
00:07:17,020 --> 00:07:18,550
is 'Jack Bauer'.
104

105
00:07:18,670 --> 00:07:26,320
So nou kan ons 'n waarskuwing skep wat die waardes van beide daardie veranderlikes kombineer. Sodat ons kan skryf, waarskuwing
105

106
00:07:26,320 --> 00:07:33,310
"My naam is" myNaam, as die veranderlike,   
106

107
00:07:33,310 --> 00:07:37,020
", welkom by my kursus",
107

108
00:07:37,030 --> 00:07:40,920
die tweede veranderlike, wat jou Naam is, ten slotte,
108

109
00:07:40,960 --> 00:07:42,880
dalk 'n uitroepteken.
109

110
00:07:42,910 --> 00:07:48,850
En nou sluit ons daardie reël kode af met 'n semikolon en ek het nie meer hierdie twee reëls kode nodig nie
110

111
00:07:48,880 --> 00:07:54,730
want daardie data is reeds aan die geheue van die rekenaar toegewy, so ek kan dit uitvee.
111

112
00:07:54,770 --> 00:07:58,490
En nou as ek hardloop, dan kan jy sien dat dit hierdie boodskap geskep het,
112

113
00:07:58,550 --> 00:08:01,300
'My naam is Angela,
113

114
00:08:01,510 --> 00:08:08,770
welkom by my kursus Jack Bauer!'. So jy kan sien dat dit hierdie twee plekke vervang
114

115
00:08:08,830 --> 00:08:15,760
vir die waarde wat in myNaam en jouNaam gestoor is, en dit kan hierdie boodskap daarsonder skep
115

116
00:08:15,760 --> 00:08:20,610
ek moet uitdruklik sê wat hierdie twee dinge is.
116

117
00:08:20,680 --> 00:08:27,910
Dus, in hierdie les wou ek jou bekendstel aan die krag van veranderlikes, en hoe ons dit kan gebruik om stukke te stoor
117

118
00:08:27,910 --> 00:08:28,730
van data,
118

119
00:08:28,840 --> 00:08:34,710
ons hoef onsself dus nie te herhaal nie en ons kan later in die res van ons kode terugverwys daarna.
119

120
00:08:34,840 --> 00:08:41,620
En op 'n meer praktiese vlak kan jy 'n geval hê waar jy 'n veranderlike skep wat gameLevel genoem word,
120

121
00:08:41,860 --> 00:08:44,440
en jy stel dit gelyk aan 1 om mee te begin,
121

122
00:08:44,560 --> 00:08:51,310
en dan, soos die gebruiker deur die vlakke gaan, dan kan jy elke keer die waarde van gameLevel verander.
122

123
00:08:51,310 --> 00:08:58,030
So sê hulle voltooi die eerste vlak, dan kan jy hierdie ding, gameLevel, na 2 verander, en dan kan jy
123

124
00:08:58,030 --> 00:09:00,150
hou aan om dit te verander soos hulle vorder.
124

125
00:09:00,220 --> 00:09:06,160
En wanneer jy of die gebruiker wil uitvind watter vlak, dan kan jy eenvoudig 'n waarskuwing gebruik en sê
125

126
00:09:06,280 --> 00:09:07,700
wys die spel Vlak.
126

127
00:09:07,810 --> 00:09:15,130
Nou sal jy 3 sien, of, as jy dit meer fancy wil maak, dan kan jy 'n string byvoeg wat sê "Jou vlak
127

128
00:09:15,400 --> 00:09:21,770
is tans: " gameLevel.
128

129
00:09:21,820 --> 00:09:25,010
So jy sien dat jou vlak tans is: 3.
129

130
00:09:25,090 --> 00:09:27,880
Nou hoop ek jy het hierdie les geniet. In die volgende les,
130

131
00:09:27,880 --> 00:09:32,110
ons gaan kyk na sommige van die reëls oor hoe jy jou veranderlikes moet benoem.
131

132
00:09:32,200 --> 00:09:35,100
So vir dit alles en meer, ek sien jou in die volgende les.